<template>
  <div>
    <mp-tabbar
        style="position:fixed;bottom:0;width:100%;left:0;right:0;"
        :list="list"
      ></mp-tabbar>
  </div>
</template>
<script>
export default {
  data: () => ({
    list: [{
      text: '主页',
      iconPath: 'https://s3.ax1x.com/2021/02/04/y1tHBD.png',
      selectedIconPath: 'https://s3.ax1x.com/2021/02/04/y1tHBD.png'
    }, {
      text: '更多工具',
      iconPath: 'https://s3.ax1x.com/2021/02/04/y1Yaz6.png',
      selectedIconPath: 'https://s3.ax1x.com/2021/02/04/y1Yaz6.png'
    },
    {
      text: '我的',
      iconPath: 'https://s3.ax1x.com/2021/02/04/y1QFA0.png',
      selectedIconPath: 'https://s3.ax1x.com/2021/02/04/y1QkNV.png',
      dot: true
    }],
  })
}
</script>
